<!-- <div class="container">
<input type="file" (change)="onFileChanged($event)">
<button (click)="onUpload()">上传</button>
</div> -->
<div class="container">
  <div class="card">
      <div class="card-header">
  <button class="btn btn-primary" (click)="addSinglepage()">添加</button>
      </div>
  
      <div class="card-body">
  <table class="table">
      <thead class="thead">
        <tr>
          <!-- <th  style="width:10%;text-align: center;">#</th> -->
          <th  style="width:10%;text-align: center;">标题</th>
          <th  style="width:10%;text-align: center;">描述</th>
          <th  style="width:10%;text-align: center;">图片</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let s of sl" >
          <!-- <th scope="row" style="width:10%;height:50px;overflow:hidden;vertical-align:middle;">1</th> -->
          <td style="width:10%;height:50px;overflow:hidden;vertical-align:middle;">{{s.title}}</td>
          <td style="width:10%;height:50px;overflow:hidden;vertical-align:middle;">{{s.summary}}</td>
          <td style="width:10%;height:50px;overflow:hidden;vertical-align:middle;">
              <img src="{{s.img}}" width="200" height="150"/>
          </td>
  
          <td style="width:10%;overflow:hidden;vertical-align:middle;">
  <button class="btn btn-success" (click)="updateSinglepage(s.singlepageid)">修改</button>
  <button class="btn btn-danger" (click)="deleteSinglepage(s.singlepageid)">删除</button>
          </td>
        </tr>
        
      </tbody>
    </table>
  </div>
  
  </div>
  </div>